// 1- 引入useRef
import React,{useRef} from 'react';

function App() {
    // 2- 声明常量保存userRef函数返回结果
    const userNameRef = useRef();
    const divRef = useRef();
    return (
        <div>
            {/*3- 将定义的常量作为input的ref属性值*/}
            <input ref={userNameRef} defaultValue={"zhangsan"} type="text"/>
            <div ref={divRef}>我确定你是一只小小小小鸟，怎么飞也飞不高！</div>
            <button onClick={()=>{
                console.log(userNameRef.current.value);
                console.log(divRef.current.innerText)
            }}>提交</button>
        </div>
    );
}

export default App;